import { SVGProps } from 'react'

const HorizonsLaw: React.FC<SVGProps<SVGSVGElement>> = ({ id, ...props }) => (
  <svg
    width="60"
    height="60"
    viewBox="0 0 60 60"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    xmlnsXlink="http://www.w3.org/1999/xlink"
    {...props}
  >
    <circle cx="30" cy="30" r="30" fill="white" />
    <rect x="12" y="10" width="35.2239" height="40" fill={`url(#${id})`} />
    <defs>
      <pattern
        id={id}
        patternContentUnits="objectBoundingBox"
        width="1"
        height="1"
        className="animate-maintain-svg"
      >
        <use
          xlinkHref="#image0_37_47"
          transform="translate(0 -0.00231238) scale(0.0140845 0.0124028)"
        />
      </pattern>
      <image
        id="image0_37_47"
        width="71"
        height="81"
        xlinkHref=""
      />
    </defs>
  </svg>
)
export default HorizonsLaw
